<template>
  <div>
    <el-tabs type="border-card" v-model="editableTabsValue">
      <el-tab-pane
        v-for="(item, index) in loginComponentS"
        :key="index"
        :label="item.label"
        :name="item.name"
      >
        <components :is="item.component" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style>
.el-tabs--border-card > .el-tabs__content {
  padding: 0;
  height: calc(100vh - 41px);
}
</style>

<script>
import Login1 from "./login1/index.vue";

export default {
  name: "login",
  components: {
    Login1,
  },
  data() {
    return {
      editableTabsValue: "1",
      loginComponentS: [
        {
          label: "彩色气泡登录页",
          component: Login1,
          name: "1",
        },
      ],
    };
  },
};
</script>

